【Day23】從零開始的程式大亂鬥：JavaScript－JSON

2023 iThome 鐵人賽

DAY 18

自我挑戰組

那些有趣的程式系列第 23 篇

15th鐵人賽

dcheng0915

2023-10-09 22:20:02

127 瀏覽

分享至

今天要介紹的是 JSON 中兩個常用的方法，JSON.stringify() 與 JSON.parse() 。

這兩種方法的的使用如下：

JSON.stringify() ：將 物件 變為 JSON字串
JSON.parse() ：將 JSON字串 變為 物件

Example：

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript－JSON</title>
        <script>
            const object = {
                content: 'JSON'
            };
            sessionStorage.setItem('content', JSON.stringify(object));
        </script>
    </head>
    <body>
        <div class="content"></div>
        <script>
            const content = document.querySelector('.content');
            const obj = JSON.parse(sessionStorage.getItem('content'));
            content.innerText = obj.content;
        </script>
    </body>
</html>